
@import  "../../../styles/common.less";
h4{  
    margin-left: 20px;  
    float: left;
}  
// 温馨提示样式
.tip{
    text-align: center;
    margin-left: 45%;
    font-family: @font-Regular;
    font-size: 18px;
    color: #61787F;
    letter-spacing: -0.25px;  
    
}


p{  
    text-align: center;  
}  
.btn{  
    width: 100px;  
    height: 35px;  
    border-radius: 5px;  
    font-size:@uSize;  
    color: white;  
    background-color: cornflowerblue;  
}  
.btn:hover, .btn:focus{  
    background-color: #95b4ed;  
}  
.modal{  
    display: block;  
    width: 100%;  
    height: 100%;  
    position: fixed;  
    left: 0;  
    top: 0;  
    z-index: 1000;  
    background-color: rgba(0,0,0,0.5);  
}  
.modal-content{  
  width: 40%;  
  max-width: 700px;  
  min-height: 10%;  
  max-height: 500px;  
  margin: 0 auto;  
  background-color:#fff;  
  animation: zoom 0.6s;  
  overflow: hidden;
  position: relative;
  top:50%;
  transform: translateY(-50%)
}  
.modal-header{  
    overflow: hidden;
    border-bottom:1px solid #ccc;  
} 

// 温馨提示下划线颜色
.tip-header{
    border-bottom:1px solid #ccc;
}
 



// 去掉下划线
.noborder{
    border-bottom:none;
    text-align: center;
    h4{
      width: 100%;
      text-align: center;
      margin-left: 0
    }
    .close{
      font-size: 44px;
      margin-top: -45px;
      opacity: 1;      

    }

}


.close{  
    float:right;
    color: #b7b7b7;  
    font-size: @uSize;  
}  
.close:hover, .close:focus{  
    color: #95b4ed;  
    text-decoration: none;  
}  

// 温馨提示XX
.tipclose{
    position: absolute;
    right:20px;
     
    img{  
        margin-top: 9px;
    }
}

.modal-body{  
    padding:0 34px;  
    font-size: @uSize;  
    min-height: 200px;
    .Evaluation{
      padding: 15px;
      display: block;
      width: 100%;
      height: 230px;
      line-height: 18PX;
      margin-bottom: 28px;
      background: #F9F9F9;
      border: 1px solid #D8D8D8;
      border-radius: 1px;
      font-family: @font-Regular;
      font-size: @uSize;
      color: #4C4C4C;
      letter-spacing: 0.05px;
      outline: none;
      
    }
    
    textarea::-webkit-input-placeholder { 
        color:  #A5B9BF;
    }
    textarea:-ms-input-placeholder { 
        color:  #A5B9BF;
    }
    textarea:-moz-placeholder { 
        color:  #A5B9BF;
    }
    .testclass{
      height: 200px;
      padding-top: 60px;
      
      font-family: @font-Regular;
			font-size: 18px;
			color: #61787F;
			letter-spacing: -0.25px;
    }

    //播放按钮
    video{
        width: 100%;
    }
}  

// 提交按钮
.sub{
   text-align: right;
   padding-right: 34px;
   padding-bottom: 28px;
  button{
    border: none;
    width: 120px;
    height: 44px;
    background: #586AE6;
    border-radius: 4px;
    font-family: @font-Semibold;
    font-size: @PSize;
    color: #FFFFFF;
    letter-spacing: 0.05px;
  }
   

}
.modal-footer{  
    border-top: 1px solid #ccc;
    padding: 15px;
    position: absolute;
    bottom: 0%;
    width: 100%;
    background-color: white; 
    text-align: center;
}  
// 温馨提示底部
.tip-footer{
    border: 0;
    .cancel{
        display: inline-block;
        background: #FFFFFF;
        box-shadow: 0 0 4px 0 #7F8FFE;
        border-radius: 4px;
        width: 120px;
        height: 44px;
        line-height: 44px;
        font-family: @font-Regular;
        font-size: 18px;
        color: #7183FD;
        letter-spacing: 0;
		}
		.cancel:hover{
			background: #F3F5FE;
			box-shadow: 0 0 4px 0 #7F8FFE;
			border-radius: 4px;
		}
		.cancel:active{
			background: #E8EBFC;
			box-shadow: 0 0 4px 0 #7F8FFE;
			border-radius: 4px;
		}

    
}
.modal-footer button{  
    width: 20%;  
    padding: 5px;  
    box-sizing: border-box;  
    font-size: @uSize;  
    color: white;  
    border-radius: 5px;  
    background-color: cornflowerblue;  
}  
.modal-footer button:hover, .modal-footer button:focus{  
    background-color: #95b4ed;  
}  

     
